


<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<style type="text/css">
			.site-info__item {
				margin-left: 30px;
				float: left;
			}
			
			.site-info__item h3 {
				margin-left: 40px;
				font-size: 15px;
			}
			
			.site-info__item ul {
				list-style: none;
			}
		</style>
	</head>
	
	
	<body style="width: 100%; margin-top: 0px; overflow:auto">
		<div style=" width: 1200px; min-height: 800px; margin: 0 auto;">
			<!--底部水平导航栏菜单-->
			<div style="background: whitesmoke; width: 100%; height: 45px; border-bottom: solid black 2px;">
				<!--左登录注册收藏-->
				<div style="float: left;margin-left:20px;line-height: 45px;">
					<a href="">收藏网站</a>
					<a href="" style="color: orange;">登录</a>
					<a href="">注册</a>
				</div>

				<!--右导航菜单-->
				<ul class="nav nav-tabs" style="float: right;">
					<li role="presentation">
						<a href="#">我的订单</a>
					</li>
					<li role="presentation" class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
							我的蜗居 <span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li role="presentation">
								<a href="#">我的订单</a>
							</li>
							<li role="presentation">
								<a href="#">我的评价</a>
							</li>
							<li role="presentation">
								<a href="#">我的收藏</a>
							</li>
							<li role="presentation">
								<a href="#">我的余额</a>
							</li>
							<li role="presentation">
								<a href="#">账户设置</a>
							</li>
						</ul>
					</li>
					<li role="presentation" class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
							联系客服 <span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li role="presentation">
								<a href="#">申请退款</a>
							</li>
							<li role="presentation">
								<a href="#">申请退换货</a>
							</li>
							<li role="presentation">
								<a href="#">换绑手机号</a>
							</li>
							<li role="presentation">
								<a href="#">常见问题</a>
							</li>
						</ul>
					</li>
					<li role="presentation" class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
							我是商家 <span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li role="presentation">
								<a href="#">登录商家中心</a>
							</li>
							<li role="presentation">
								<a href="#">我想合作</a>
							</li>
							<li role="presentation">
								<a href="#">手机免费开店</a>
							</li>
						</ul>
					</li>
				</ul>

			</div>
			
			<!--左标题    右图标-->
			<div style="height: 100px; line-height: 100px;">
				<!--左标题-->
				<a href=""><img src="../../img/logo.png" alt="..." class="img-rounded"></a>
				

				<!--右图标-->
				<div style="float:right;">
					<a class="site-info-nav__commitment " href="">
						<img width="276 " height="24 " src="//s0.meituan.net/www/img/footer-commitment.png" alt="美团保障 ">
					</a>
				</div>
			</div>
			
			
			<!--bootstap导航-->
			<ul class="nav nav-tabs" style="background: dodgerblue; height: 40px;">
				<li role="presentation" style="margin-left: 120px;">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">首页</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">经济型酒店</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">豪华酒店</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">主题酒店</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">度假酒店</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">公寓型酒店</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">客栈</a>
				</li>
				<li role="presentation">
					<a href="#" style="color: white;font-size: 20px;line-height: 20px;">青年旅社</a>
				</li>
			</ul>
			
			<!--条件筛选区-->
			<div style="width:1200px;overflow: auto;">
				<div style="height: 67px;background-color: whitesmoke;line-height: 67px;">
					<label>入住城市</label>
					<input value="江门" style="height: 30px;"/>
					<label>入住</label>
					<input value="2017/3/18" style="height: 30px;"/>
					<label>离店</label>
					<input value="2017/3/19" style="height: 30px;" type="" name="" id="" value="" />
					<input style="height: 30px;" />
					<button>搜索</button>
				</div>
				<div>
					<label></label>
				</div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			
			<!--返回的结果 排序？-->
			
			<!--翻页-->
			
			<!--商业合作 + 客户电话-->
			
			<!--底部公司信息-->
		</div>
	</body>

</html>